<template>
  <n-space :vertical="true" :size="16">
    <workbench-header />
  </n-space>
</template>

<script setup lang="ts">
import { onActivated } from 'vue'
import { NSpace } from 'naive-ui'
import { useLoading } from '@/hooks'
import { WorkbenchHeader } from './components'

// eslint-disable-next-line @typescript-eslint/no-unused-vars
const { startLoading, endLoading } = useLoading(true)

function handleEndLoading() {
  startLoading()
  setTimeout(() => {
    endLoading()
  }, 800)
}
onActivated(() => {
  handleEndLoading()
})
</script>

<style scoped></style>
